Fix Imagine Monaco editor interactions inside Console wrapper#2488
Conversation
|
🚅 Deployed to the console-pr-2488 environment in Imagine
|
Console (appwrite/console)Project ID: Sites (2)
Tip Environment variables can be scoped per function or shared across your project |
|
Important Review skippedAuto reviews are disabled on base/target branches other than the default branch. Please check the settings in the CodeRabbit UI or the You can disable this status message by setting the ✨ Finishing touches🧪 Generate unit tests (beta)
Tip 📝 Customizable high-level summaries are now available in beta!You can now customize how CodeRabbit generates the high-level summary in your pull requests — including its content, structure, tone, and formatting.
Example instruction:
Note: This feature is currently in beta for Pro-tier users, and pricing will be announced later. Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
…nto fix-code-editor-issues
- Align dockerize-profiles workflow indentation and step blocks - Restore trailing newline in monaco-style-manager.ts


Fixes IMA-265
What does this PR do?
Problem: when the Imagine web component runs inside Console’s shadow DOM, Monaco’s styles never reach the editor iframe, so scroll, selection, and keyboard shortcuts all break.
Fix: clone the Monaco-generated /<style> tags into the wrapper’s shadow root and watch for new ones to ensure the editor inherits the same CSS the loader injects into document.head.
With Monaco’s stylesheet cascade applied inside the shadow tree, the hidden textarea and scroll containers regain their intended layout. Also restores pointer events and keyboard handling